<template>
    <!-- 公共头部 -->
    <header class="app-header">
        <NuxtLink class="logo" to="/">
            <img src="../assets/images/home.webp" alt="ebay">
        </NuxtLink>
        <div class="fav">
            <i class="iconfont icon_fav"></i>
        </div>
    </header>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
// 公共头部
.app-header {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    background-color: #fff;

    .logo {
        flex: 1;

        .Navbar_logo {
            color: #fb7299;
            font-size: 28px;
        }

        img{
            width: 60px;
            height: 50px;
        }
    }

    .search {
        padding: 0 8px;

        .ic_search_tab {
            color: #ccc;
            font-size: 22px;
        }
    }

    .fav {
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f7f7f7;
        color: #191919;
        border-radius: 50%;
        padding: 5px 10px;
    }
}
</style>